[{"data":1,"prerenderedAt":1416},["ShallowReactive",2],{"tag-threads-en-high leverage":3,"latest-articles-en":920,"author-context":1341},[4,51,82,155,224,572,603,665,797,822,873],{"id":5,"title":6,"animated":7,"body":8,"client":34,"cover":34,"css_code":34,"description":31,"extension":35,"html_code":34,"images":36,"is_announcement":7,"is_pinned":7,"is_published":37,"key_points":34,"lang":38,"meta":39,"navigation":37,"order":34,"path":40,"photos":41,"published_at":42,"reading_time":34,"related":34,"role":34,"seo":43,"slug":44,"source_hash":45,"status":34,"stem":46,"summary":47,"tags":48,"tech_stack":34,"translation_of":44,"type":49,"url":34,"video_url":34,"__hash__":50},"threads/threads/pages/about.en.md","About Me",false,{"type":9,"value":10,"toc":30},"minimark",[11,18,21,24,27],[12,13,14],"blockquote",{},[15,16,17],"p",{},"Boys, be ambitious!",[15,19,20],{},"A web engineer who transitioned from the display panel industry. I spend most of my time writing code for machines, and here I write words for humans.",[15,22,23],{},"I'm fascinated by things that use limited materials yet leave behind great legacies. Music and writing, for instance. And of course, code.",[15,25,26],{},"The keyboard is like the periodic table of the 21st century. Whether you're an engineer or a writer, all we have in front of us are 26 English letters and a few symbols. Yet we have the chance to create products used by the entire world. To transform how people live, or to leave behind great ideas.",[15,28,29],{},"In an age of AI abundance, I'm building practical lifestyle SaaS products with just the right tech stack.",{"title":31,"searchDepth":32,"depth":32,"links":33},"",2,[],null,"md",[],true,"en",{},"/threads/pages/about.en",[],"2026-06-21",{"title":6,"description":31},"about","b8677e423de933932e72675f85a1b5c059b7a151cad2a757d3becfac9d2b13d4","threads/pages/about.en","Building practical lifestyle SaaS products with just the right tech stack.",[],"page","LTYEC9qtqNvi7eBrM32R96cV58BvZ4gLLDd8VSr6v_Y",{"id":52,"title":53,"animated":7,"body":54,"client":34,"cover":68,"css_code":34,"description":58,"extension":35,"html_code":34,"images":69,"is_announcement":7,"is_pinned":37,"is_published":37,"key_points":34,"lang":38,"meta":70,"navigation":37,"order":34,"path":71,"photos":72,"published_at":73,"reading_time":34,"related":34,"role":34,"seo":74,"slug":75,"source_hash":76,"status":34,"stem":77,"summary":78,"tags":79,"tech_stack":34,"translation_of":75,"type":80,"url":34,"video_url":34,"__hash__":81},"threads/threads/articles/coffee-field.en.md","Where Coffee Lives",{"type":9,"value":55,"toc":66},[56,59],[15,57,58],{},"Threadspage trial tutorial day!",[15,60,61],{},[62,63],"img",{"alt":64,"src":65},"Tokyo Skytree","/images/gallery/heijitsusanpo.png",{"title":31,"searchDepth":32,"depth":32,"links":67},[],"/images/my space.png",[],{},"/threads/articles/coffee-field.en",[],"2026-06-13T00:00:00.000Z",{"title":53,"description":58},"coffee-field","1f982168cb421003bcc46409fb1da1d565488e35258ebdcee5d7374ac2030c36","threads/articles/coffee-field.en","It's Saturday today, and we're lucky it didn't rain. ⛅︎",[],"article","gtTKjplVgoQ42bU5mZB8D9lrW2t6HFD6g1W2ppLSaRI",{"id":83,"title":84,"animated":7,"body":85,"client":34,"cover":34,"css_code":34,"description":89,"extension":35,"html_code":34,"images":141,"is_announcement":7,"is_pinned":7,"is_published":37,"key_points":34,"lang":38,"meta":142,"navigation":37,"order":34,"path":143,"photos":144,"published_at":145,"reading_time":34,"related":34,"role":34,"seo":146,"slug":147,"source_hash":148,"status":34,"stem":149,"summary":150,"tags":151,"tech_stack":34,"translation_of":147,"type":80,"url":34,"video_url":34,"__hash__":154},"threads/threads/articles/recap-2025.en.md","Fragments of 2025",{"type":9,"value":86,"toc":139},[87,90,93,96,99,102,105,108,111,114,117,120,122,125,128,131,133,136],[15,88,89],{},"I've maintained a solid habit this year: hitting the gym three times a week for an hour of cardio. Regular exercise and eating well really do bring that primal sense of happiness!",[15,91,92],{},"The endorphin rush and that light, energized feeling in your body? Absolutely incredible! No wonder everyone says your physique is your best business card—because working out genuinely takes serious time. 🤣",[15,94,95],{},"In October, I took my first international road trip abroad, driving through Silicon Valley to visit a friend and experience American time and lifestyle. While it cost me vacation days and money, I felt it was completely worth it because memories compound in value!",[15,97,98],{},"I've always believed that time has the ability to beautify memories, adding a filter to bitter ones and capturing the joy of happy ones.",[15,100,101],{},"I can vividly recall the excitement of being in Tokyo for the first time ten years ago, and I'm certain that years from now, I'll be able to relive the happiness of this American journey.",[15,103,104],{},"/",[15,106,107],{},"After discovering the indie hacking space last year, I've been attempting independent development for over a year now. In August this year, I launched my first product—a tool for writing chord charts in markdown called Chord Island. But it was too niche; hardly anyone used it.",[15,109,110],{},"I didn't have a distribution channel to keep the product visible. It created a small ripple during launch week, but by the following week, my GA4 graph had returned to silence.",[15,112,113],{},"That said, conducting user interviews introduced me to some seriously talented guitarists (the kind who can cover Marcin's compositions), which was a wonderful takeaway!",[15,115,116],{},"Independent development is like learning anything else—having access to others' experiences is one thing, but you really have to walk through it yourself and fall into the same pitfalls to truly learn. I think that's the relationship between knowledge and experience.",[15,118,119],{},"To build skills beyond development, I've consumed quite a few English books: My Indie Book, Snow Leopard, Obviously Awesome, The SaaS Playbook, and The Cold Start Problem. I'll write about relevant insights from future products later—execution comes first!",[15,121,104],{},[15,123,124],{},"This year I also started taking lessons with a guitar teacher I've admired for a long time. During classes, I frequently discover small details I wouldn't normally notice on my own, and they're packed with knowledge. Within six strings and a body the size of your arm, there's genuinely an entire universe!",[15,126,127],{},"Moments like these really drive home the value of in-person instruction. Sure, with YouTube and AI these days, you can self-teach almost anything, but experience and the ability to \"discover what you don't know\"—that still requires a teacher.",[15,129,130],{},"Times like these also make me feel that all the hard work earning money finally has meaning: I can pay for lessons to learn what I want to learn.",[15,132,104],{},[15,134,135],{},"My New Year's resolution for 2026 is the same as always: to hope that each year I don't make the same wish again.",[15,137,138],{},"So here's to that! 💪🏻",{"title":31,"searchDepth":32,"depth":32,"links":140},[],[],{},"/threads/articles/recap-2025.en",[],"2025-12-31T00:00:00.000Z",{"title":84,"description":89},"recap-2025","a2fef0ef5ec122b46630a96372a1e33a82b3a542ca886cd7de21b0717cbc7345","threads/articles/recap-2025.en","Time has the ability to beautify memories, adding a filter to bitter ones and capturing the joy of happy ones.",[152,153],"2025","recap","I_SFhTTb3OngcOfHET8bZpnTC25-WvAbV32YEitUIPA",{"id":156,"title":157,"animated":7,"body":158,"client":34,"cover":203,"css_code":34,"description":31,"extension":35,"html_code":34,"images":204,"is_announcement":7,"is_pinned":7,"is_published":37,"key_points":34,"lang":38,"meta":205,"navigation":37,"order":34,"path":210,"photos":211,"published_at":212,"reading_time":34,"related":34,"role":34,"seo":213,"slug":214,"source_hash":215,"status":216,"stem":217,"summary":218,"tags":219,"tech_stack":34,"translation_of":214,"type":222,"url":195,"video_url":34,"__hash__":223},"threads/threads/products/reelly.en.md","Reelly",{"type":9,"value":159,"toc":201},[160,165,168,171,174,177,180,183,186,189,198],[12,161,162],{},[15,163,164],{},"What's it like turning restaurants you want to try into a list in one second?",[15,166,167],{},"Heading to Tokyo next month but have a pile of matcha Reels saved and can't be bothered organizing them into a map?",[15,169,170],{},"I made this hassle disappear! Reelly understands the content in IG Reels—just hit \"share\" and the AI handles the rest 👏🏻",[15,172,173],{},"Before my Tokyo trip last year, Instagram kept recommending matcha shops to me.",[15,175,176],{},"I saved them with screenshots, bookmarks, and when it was time to leave—I couldn't find the place I originally saw 🫠",[15,178,179],{},"So I just built a tool myself. It's called Reelly. 🍜",[15,181,182],{},"Scroll through IG, find a restaurant you want to visit, tap share, and Reelly automatically reads the Reels content, organizing the restaurant name, address, and recommended dishes into your personal list.",[15,184,185],{},"Next time you need it, just search. 🔍",[15,187,188],{},"Works with Japanese and Korean restaurants too. Reelly is a Web App—no app installation needed, just add it to your home screen and use it like an app.",[15,190,191,192],{},"Completely free right now. Interested? Give it a try 👉🏻 ",[193,194,195],"a",{"href":195,"rel":196},"https://reelly.life",[197],"nofollow",[15,199,200],{},"(If you're traveling next month, now's the perfect time to start saving! 🙌🏻)",{"title":31,"searchDepth":32,"depth":32,"links":202},[],"/images/reelly-cover.png",[],{"techStack":206},[207,208,209],"Nuxt","PocketBase","Cloudflare R2","/threads/products/reelly.en",[],"2025-11-20",{"title":157,"description":31},"reelly","9f1ea3fbf139e2a2ad3f660399efdd47f8d61f94de865668c58e0325328952de","building","threads/products/reelly.en","🍜 Found a delicious Reels? Share it with me, and I'll organize your restaurant list for you 🧾",[220,221,207],"SaaS","Food","product","ToQN52IazG863575yy2mrE8eIxYvPQMHRFIz2U61Ssc",{"id":225,"title":226,"animated":7,"body":227,"client":34,"cover":556,"css_code":34,"description":31,"extension":35,"html_code":34,"images":557,"is_announcement":7,"is_pinned":7,"is_published":37,"key_points":34,"lang":38,"meta":558,"navigation":37,"order":34,"path":560,"photos":561,"published_at":562,"reading_time":34,"related":34,"role":34,"seo":563,"slug":564,"source_hash":565,"status":34,"stem":566,"summary":567,"tags":568,"tech_stack":34,"translation_of":564,"type":80,"url":34,"video_url":34,"__hash__":571},"threads/threads/articles/effective-engineer-talks-at-google.en.md","The Effective Engineer by Edmond Lau: A Guide to Maximizing Your Impact in Silicon Valley",{"type":9,"value":228,"toc":541},[229,234,241,244,256,265,269,277,280,293,296,300,307,310,326,331,334,345,354,357,364,367,371,377,380,383,386,389,395,401,405,411,414,417,420,426,430,433,436,447,453,457,463,466,472,475,480,483,486,493,497,504,508,513,520,523,527,530,537],[230,231,233],"h2",{"id":232},"the-struggle-is-real","The Struggle is Real",[15,235,236,237],{},"It's evening, and you're staring at increasingly abstract code in VSCode while Terminal throws error messages at you. Then Slack pings with an urgent bug that needs fixing. Before you know it, another hour has vanished. It's already past quitting time, yet you've barely made a dent in today's work. You can't help but sigh—",[238,239,240],"strong",{},"working feels like climbing a mountain, and the descent is harder than the climb.",[15,242,243],{},"Have you ever been in a phase where work never ends? Tasks pile up, and by Friday you're staying until nearly midnight. Self-doubt creeps in: Is your technical skill lacking? Are you inefficient? Or is there just too much work?",[15,245,246,247,255],{},"Recently, several tech blogs recommended ",[193,248,251],{"href":249,"rel":250},"https://www.effectiveengineer.com/book",[197],[252,253,254],"em",{},"The Effective Engineer",", praising it highly. I decided to dive in, hoping to become an effective engineer myself.",[15,257,258,259,264],{},"I started with the author's ",[193,260,263],{"href":261,"rel":262},"https://www.youtube.com/watch?v=BnIz7H5ruy0",[197],"talk at Google",", which covers the book's main ideas. This article summarizes the key points from that talk. I'll write a separate post once I finish the book.",[230,266,268],{"id":267},"about-the-author","About the Author",[15,270,271,276],{},[193,272,275],{"href":273,"rel":274},"http://www.effectiveengineer.com/about",[197],"Edmond Lau"," has worked at major Silicon Valley companies like Google and startups like Quora. He once worked 80+ hours per week for two consecutive years, then spent another two years researching what makes an effective engineer.",[15,278,279],{},"He interviewed CTOs and technical leaders from 20+ Silicon Valley tech giants and startups (Facebook, Instagram, Dropbox, Etsy, etc.), asking three questions:",[281,282,283,287,290],"ul",{},[284,285,286],"li",{},"What separates the most effective engineers you've worked with from everyone else?",[284,288,289],{},"What's the most valuable lesson you've learned in the past year?",[284,291,292],{},"What investment in your team has yielded the highest returns?",[15,294,295],{},"From these interviews, he distilled efficiency practices all software engineers can learn—what he calls the leverage framework.",[230,297,299],{"id":298},"the-core-concept-leverage","The Core Concept: Leverage",[15,301,302,303,306],{},"This book contains no code. Instead, it teaches how to ",[238,304,305],{},"maximize your impact by executing high-leverage activities",", amplifying your value and influence.",[15,308,309],{},"The author presents a harsh truth:",[311,312,316],"pre",{"className":313,"code":314,"language":315,"meta":31,"style":31},"language-javascript shiki shiki-themes github-dark","effort === impact // False\n","javascript",[317,318,319],"code",{"__ignoreMap":31},[320,321,324],"span",{"class":322,"line":323},"line",1,[320,325,314],{},[12,327,328],{},[15,329,330],{},"Effort doesn't equal impact and contribution.",[15,332,333],{},"A staff engineer's output might be 10 times that of a junior engineer, but their hours aren't 10 times longer.",[15,335,336,337,340,341,344],{},"The book's core concept is ",[238,338,339],{},"leverage","—a multiplier that converts effort into enormous value and impact, and the ",[238,342,343],{},"fulcrum for breaking free from daily development drudgery",". Here's the formula:",[311,346,348],{"className":313,"code":347,"language":315,"meta":31,"style":31},"leverage = impactProduced / timeInvested\n",[317,349,350],{"__ignoreMap":31},[320,351,352],{"class":322,"line":323},[320,353,347],{},[15,355,356],{},"Engineering work follows the 80/20 rule: 20% of tasks create 80% of value, while 80% of tasks produce only 20% of results.",[15,358,359,360,363],{},"Identify tasks that take minimal time but create maximum value and impact, and prioritize them. These are called ",[238,361,362],{},"high-leverage activities",".",[15,365,366],{},"The talk covers five types of high-leverage activities:",[230,368,370],{"id":369},"_1-optimize-for-learning","1. Optimize for Learning",[15,372,373,374],{},"Maximize your learning ability—",[238,375,376],{},"learning compounds!",[15,378,379],{},"Because learning has compound effects, your growth curve is exponential: flat at first, then nearly vertical after a critical point. This makes sense: solving hard problems requires accumulating knowledge from different angles, and once connected, the solution emerges.",[15,381,382],{},"The classic example: improve 1% daily, and you'll improve 37x in a year.",[15,384,385],{},"Everyone knows learning matters, but the challenge is being buried in daily development tasks and bug fixes. How do you find time to learn?",[15,387,388],{},"Google implemented 20% Time: one day per week for non-core work—researching new tech, pursuing passion projects. Gmail came from 20% Time.",[15,390,391,392],{},"For regular employees, the author suggests: ",[238,393,394],{},"reserve one hour daily for your own 20% Time.",[15,396,397,398],{},"One final tip: start with topics you're interested in or problems you face at work, because ",[238,399,400],{},"motivation is the most important element for sustaining action.",[230,402,404],{"id":403},"_2-invest-in-iteration-speed","2. Invest in Iteration Speed",[15,406,407,408],{},"Accelerate repetitive tasks. It's like deciding whether to write code as a function: when you do something twice, ",[238,409,410],{},"automate the third time.",[15,412,413],{},"When the author asked CTOs what makes effective engineers different, they answered: \"Engineers who invest time in automation tools are always the most efficient.\"",[15,415,416],{},"This includes everything from shell scripts to full CI/CD infrastructure.",[15,418,419],{},"At Quora, the author deployed 40-50 times daily. Without CI/CD automation, that would consume enormous time.",[15,421,422,423],{},"Major Silicon Valley companies have dedicated teams building internal tools—Facebook created React.js. The author says: ",[238,424,425],{},"\"We all want to author the next trendy framework, but we can start with our daily development work!\"",[230,427,429],{"id":428},"_3-validate-your-ideas-aggressively-and-iteratively","3. Validate Your Ideas Aggressively and Iteratively",[15,431,432],{},"Verify feature feasibility before implementation to avoid wasting time and resources.",[15,434,435],{},"Etsy redesigned their search results page with infinite scroll. A/B testing showed click-through and conversion rates dropped 10% and 25% respectively. The feature never shipped—months of wasted effort.",[15,437,438,439,442,443,446],{},"After this, Etsy adopted a ",[238,440,441],{},"progressive approach",": break features into ",[238,444,445],{},"verifiable assumptions",", confirm they help the product, then develop.",[15,448,449,450],{},"The author emphasizes: ",[238,451,452],{},"execute uncertain, risky things first to avoid wasted effort later.",[230,454,456],{"id":455},"_4-minimize-operational-burden","4. Minimize Operational Burden",[15,458,459,460,363],{},"Reduce daily maintenance costs by focusing on ",[238,461,462],{},"complexity",[15,464,465],{},"When Facebook acquired Instagram, it served 40 million users with just 13 employees—only 5 engineers. By any measure, an incredibly efficient team.",[15,467,468,469],{},"Asked what made this possible, the CTO answered: ",[238,470,471],{},"\"We use the simplest approach to solve problems. Engineers question each other to ensure no added maintenance burden before developing.\"",[15,473,474],{},"Complexity cascades:",[12,476,477],{},[15,478,479],{},"code complexity → system complexity → product complexity → organization complexity",[15,481,482],{},"Complex code increases engineer comprehension and communication costs. System complexity increases maintenance costs. Product complexity makes future features harder. Organizational complexity impacts team efficiency.",[15,484,485],{},"The author once vacationed in Hawaii when a system only he understood broke. With no internet on the volcano, he became a single point of failure.",[15,487,488,489,492],{},"He then prioritized ",[238,490,491],{},"mentorship",": detailed onboarding docs and processes. Engineers who once needed three months to understand the codebase now contribute to production in their first week. Massive efficiency gain!",[230,494,496],{"id":495},"_5-building-a-great-engineering-culture","5. Building a Great Engineering Culture",[15,498,499,500,503],{},"Create a good development team culture. Engineers want to work in good environments. ",[238,501,502],{},"Focusing on leverage activities creates a positive cycle",", making efficiency increasingly smooth.",[230,505,507],{"id":506},"qa","Q&A",[509,510,512],"h3",{"id":511},"q-writing-tests-is-necessary-but-time-consuming-any-more-efficient-testing-methods","Q: Writing tests is necessary but time-consuming. Any more efficient testing methods?",[15,514,515,516,519],{},"A: ",[238,517,518],{},"Ensure critical paths have test coverage"," to prevent regressions during frequent changes.",[15,521,522],{},"You don't need 100% test coverage. Testing rarely-used areas can be wasteful.",[509,524,526],{"id":525},"q-your-examples-are-startups-or-small-companies-how-do-you-reduce-complexity-in-large-companies","Q: Your examples are startups or small companies. How do you reduce complexity in large companies?",[15,528,529],{},"A: Startups benefit from direct communication, but large companies have advantages like historical data.",[15,531,532,533,536],{},"Google is highly data-driven, so ",[238,534,535],{},"let data speak and influence decision-makers"," to pursue leverage activities.",[538,539,540],"style",{},"html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"title":31,"searchDepth":32,"depth":32,"links":542},[543,544,545,546,547,548,549,550,551],{"id":232,"depth":32,"text":233},{"id":267,"depth":32,"text":268},{"id":298,"depth":32,"text":299},{"id":369,"depth":32,"text":370},{"id":403,"depth":32,"text":404},{"id":428,"depth":32,"text":429},{"id":455,"depth":32,"text":456},{"id":495,"depth":32,"text":496},{"id":506,"depth":32,"text":507,"children":552},[553,555],{"id":511,"depth":554,"text":512},3,{"id":525,"depth":554,"text":526},"/images/effective-engineer.jpg",[],{"readingTime":559},8,"/threads/articles/effective-engineer-talks-at-google.en",[],"2023-05-11",{"title":226,"description":31},"effective-engineer-talks-at-google","a2b46b97e0bddf9485e4d8eb9e026812b05c371f96e78cc443ada860da0ad53d","threads/articles/effective-engineer-talks-at-google.en","Reserve one hour of work time each day to implement your own 20% Time and focus on high-leverage activities.",[569,570],"effective engineer","high leverage","n7c_HYN6PBBl7zChfn-4ga080WHQXeZ5ok_ZDRxhlo4",{"id":573,"title":574,"animated":7,"body":575,"client":34,"cover":585,"css_code":34,"description":579,"extension":35,"html_code":34,"images":586,"is_announcement":7,"is_pinned":7,"is_published":37,"key_points":34,"lang":38,"meta":587,"navigation":37,"order":34,"path":588,"photos":589,"published_at":591,"reading_time":34,"related":34,"role":34,"seo":592,"slug":593,"source_hash":594,"status":34,"stem":595,"summary":596,"tags":597,"tech_stack":34,"translation_of":593,"type":601,"url":34,"video_url":34,"__hash__":602},"threads/threads/gallery/tokyo-wide-sanpo.en.md","Tokyo Metropolitan Stroll",{"type":9,"value":576,"toc":583},[577,580],[15,578,579],{},"In April, Tokyo's Ueno Park is ablaze with Somei Yoshino cherry blossoms.",[15,581,582],{},"Crowds and petals drift together in the wind, and each year at this moment, the city sets aside its sense of efficiency.",{"title":31,"searchDepth":32,"depth":32,"links":584},[],"/images/gallery/uzawaechigo.jpeg",[],{},"/threads/gallery/tokyo-wide-sanpo.en",[585,590],"/images/gallery/urikamome.jpg","2023-04-21",{"title":574,"description":579},"tokyo-wide-sanpo","85063ae1e14ed7d92cae71220bbdf7ff51230d97adc9fcb3134afd198b1e255a","threads/gallery/tokyo-wide-sanpo.en","Spring 2023 Snapshots",[598,599,600],"旅遊","東京","春天","gallery","7mpI7DBqHiQkGl3M-XZRHJZWykCe8qpDKiS88FxjJCM",{"id":604,"title":605,"animated":7,"body":606,"client":34,"cover":649,"css_code":34,"description":650,"extension":35,"html_code":34,"images":651,"is_announcement":7,"is_pinned":7,"is_published":37,"key_points":34,"lang":38,"meta":652,"navigation":37,"order":34,"path":653,"photos":654,"published_at":655,"reading_time":34,"related":34,"role":34,"seo":656,"slug":657,"source_hash":658,"status":34,"stem":659,"summary":660,"tags":661,"tech_stack":34,"translation_of":657,"type":80,"url":34,"video_url":34,"__hash__":664},"threads/threads/articles/sankahakuu.en.md","A Walk Through Tokyo | Ryogoku",{"type":9,"value":607,"toc":647},[608,614,617,620,630,636,639,642],[15,609,610,611,363],{},"I've always loved Hokusai's ukiyo-e work ",[252,612,613],{},"The Great Wave off Kanagawa",[15,615,616],{},"Because those wave crests that bloom into countless white flowers are so vivid, as if many small hands were trying to snatch away the fragile little boat.",[15,618,619],{},"This somehow let me see that Hokusai, who had painted his whole life, finally encountered Prussian blue in his old age, and with it came the exhilaration of freely expressing the seas and skies of Edo on canvas.",[15,621,622,623,626,627,363],{},"But today at the Hokusai Museum, I saw ",[252,624,625],{},"Shower Below the Peak",". All at once it rose to become my ",[238,628,629],{},"favorite Hokusai work",[15,631,632,633,635],{},"In ",[252,634,625],{},", dark clouds gather and lightning flashes at the foot of the mountain, while Mount Fuji's peak pierces through the clouds and rain, standing tall against the clear sky above.",[15,637,638],{},"Within the limited canvas, to express Mount Fuji's majesty, Hokusai used the weather as contrast, emphasizing the three-dimensional height.",[15,640,641],{},"In good works, such ingenuity seems to be everywhere. Literature, photography, painting, music—each has its own way.",[12,643,644],{},[15,645,646],{},"I think that people who can realize their imagination using the tools at hand are the most remarkable, no matter what era they live in!",{"title":31,"searchDepth":32,"depth":32,"links":648},[],"/images/sankahakuu.png","I've always loved Hokusai's ukiyo-e work The Great Wave off Kanagawa.",[],{"readingTime":559},"/threads/articles/sankahakuu.en",[],"2023-03-17",{"title":605,"description":650},"sankahakuu","dfd535c07195c28dd88f9ddd3b5fd46c4c76c8d5bce83c02ff59d0a2819c75c9","threads/articles/sankahakuu.en","I seemed to see Hokusai, who had painted his entire life, finally encounter Prussian blue in his old age, and with it, the exhilaration of freely expressing the seas and skies of Edo on canvas.",[662,663],"葛飾北齋","富嶽三十六景","qDNXA3NY0qCLeT4MwuFXtUdvjJD5sW3JHTJNSi8NB1Q",{"id":666,"title":667,"animated":7,"body":668,"client":34,"cover":784,"css_code":34,"description":31,"extension":35,"html_code":34,"images":785,"is_announcement":7,"is_pinned":7,"is_published":37,"key_points":34,"lang":38,"meta":786,"navigation":37,"order":34,"path":787,"photos":788,"published_at":789,"reading_time":34,"related":34,"role":34,"seo":790,"slug":791,"source_hash":792,"status":34,"stem":793,"summary":794,"tags":795,"tech_stack":34,"translation_of":791,"type":80,"url":34,"video_url":34,"__hash__":796},"threads/threads/articles/liuyi-english-school.en.md","Nanyang Street for Children and Cram Schools for Adults",{"type":9,"value":669,"toc":782},[670,675,678,681,687,690,693,717,720,723,726,729,732,738,743,746,761,768],[12,671,672],{},[15,673,674],{},"\"The next four years of university will be the best days of your life.\"",[15,676,677],{},"Wayne's teacher spoke with such conviction that it felt less like a prediction and more like a reminiscence. \"You'll discover that the grand productions and intense romances you thought were amazing in high school are actually trivial. At university, there's always something more exciting to do. You need to treasure this time dearly. Because the most carefree and exhilarating period of your life might truly be just these four years of university.\"",[15,679,680],{},"This was the most memorable thing I heard in Wayne's English class during my senior year of high school. Ten years older than us, Wayne wasn't a mentor figure to us high schoolers—he was more like a peer. The memories he'd casually share during class were the future we gazed up at from behind our stacks of books. After entering university, you become an adult. Freedom seems within reach—but what would that feeling actually be like?",[15,682,683,686],{},[252,684,685],{},"Children of Nanyang Street and Adults of the Cram School"," is a memoir that chronicles the youthful days of high school students while also documenting the business ventures of adults running cram schools. Initially, I was a student listening from the audience. After the book's publication, I became a third-year student who should have started (but procrastinated on) thinking about the future. Reading it again, I'm now a working professional two years into my career and having switched to my ideal job. Each time I read this book, it feels different—like the feeling of a young person listening to rain.",[15,688,689],{},"The biggest difference is that on my first reading, I focused entirely on the student section, thinking about how unique certain students were and relating to their worries. On rereading, I found myself naturally drawn to Wayne's experiences at the cram school, the difficult positions he navigated between management layers.",[15,691,692],{},"I also realized that those Wednesday evenings I once looked forward to so much—the model exam solution sessions that let me glimpse the adult world of freedom—were actually built on solid practice, bitterness, and even self-doubt before being presented to us. Only after working in society did I notice the hard work behind the glamorous surface.",[15,694,695,696,699,700,703,704,703,707,703,710,713,714,363],{},"The author of this book, Tsai Shih-Wei ",[317,697,698],{},"@waynetsai1984",", is a cram school teacher and renowned English translator. Books he has translated include: ",[252,701,702],{},"Atomic Habits",", ",[252,705,706],{},"Crushing It!",[252,708,709],{},"Michael Jordan: The Life",[252,711,712],{},"The Mamba Mentality",", and ",[252,715,716],{},"The Daily Awakening",[15,718,719],{},"The book is divided into three sections: \"What These Students Taught Me,\" \"Tales from the Cram School,\" and hidden bonus content \"Chats Between Classes.\"",[15,721,722],{},"\"What These Students Taught Me\" features the eccentric students Wayne taught at the cram school—there's Mori with his strict mother, a military enthusiast passionate about Isoroku Yamamoto, and a top-tier baker from Taipei First High School who excels at both exams and baking. Each high school student mentioned stands out distinctly within the standardized manufacturing process of high school education designed to meet the standards of the college entrance exams. Their distinctiveness might come from a special passion, a particular skill, or even exceptional obedience and lack of resistance. After reading this section, one can't help but think of Pink Floyd's \"Another Brick in the Wall.\" Does education make us better, or is it simply a filtering mechanism?",[15,724,725],{},"\"Tales from the Cram School\" documents Wayne's experiences and encounters at Liu Yi English. From entering the industry to becoming the star teacher of the cram school, from the glamorous lecture stage to prep time after class and navigating relationships with management. What impressed me most was when cram school owner Liu Yi once told Wayne: \"I hate you!\" Despite this, Wayne expresses in the book that he deeply respects Teacher Liu Yi. The biggest reason is that he was moved by Liu Yi's passion for teaching English. Liu Yi once said on stage: \"If I suddenly died, it wouldn't matter—I've already prepared all the lecture materials, and other teachers can take over.\"",[15,727,728],{},"During my high school cram school days, I received newly compiled vocabulary books, grammar books, and sentence pattern books from Liu Yi's publishing house each semester. Though few people actually read them, this spirit of approaching something you care about with an attitude of \"who else but me\" deeply moved me.",[15,730,731],{},"\"Chats Between Classes\" excerpts over a dozen passages that deeply inspired Wayne, accompanied by his life experiences as verification. This is my favorite part of the book. Kenzaburo Kenzaburo, the founder of Japan's Gentosha publishing house, once said, \"What matters isn't what's written in the book, but how you feel about it.\" While reading the chats between classes, this quote suddenly came to mind.",[15,733,734,735,737],{},"Wayne loves reading and engages in dialogue with authors through his own life experiences. Reading ",[252,736,685],{}," lets you see the questions and answers that people ahead of us in life have repeatedly pondered. You also learn that you're not alone in having these worries. Though we must live our own lives by ourselves, we are not solitary. 😉",[12,739,740],{},[15,741,742],{},"The reading of all good books is like conversation with the finest men of past centuries. - René Descartes",[15,744,745],{},"Reading great books is like conversing with the finest minds of past ages. - René Descartes",[15,747,748,749,752,753,756,757,760],{},"The wave of digitalization sweeps across, and no one can stand apart from it. Let ReadMoo guide you through the sea of words! Click the link below to ",[238,750,751],{},"register as a ReadMoo member"," and enjoy a ",[238,754,755],{},"21% discount"," on your first purchase within 30 days, plus an additional ",[238,758,759],{},"$100 book voucher"," on orders over the minimum within 60 days!",[15,762,763,764],{},"Register now 👉 ",[193,765,766],{"href":766,"rel":767},"http://moo.im/i/DbsBO",[197],[15,769,770,771,777,778],{},"Buy now ",[193,772,775],{"href":773,"rel":774},"https://readmoo.com/book/210208251000101",[197],[252,776,685],{}," to rekindle those nostalgic summer memories of yearning for the adult world 👉 ",[193,779,780],{"href":780,"rel":781},"https://moo.im/a/3fglvC",[197],{"title":31,"searchDepth":32,"depth":32,"links":783},[],"/images/wayne-english-teacher.png",[],{"readingTime":559},"/threads/articles/liuyi-english-school.en",[],"2021-09-05",{"title":667,"description":31},"liuyi-english-school","9f6b8f4d58b351d626a25d1fe616e26360da4fc75fd5be6b712e3db614df3768","threads/articles/liuyi-english-school.en","After entering university, you become an adult. Freedom seems within reach—but what would that feeling actually be like?",[],"bRHkaSp4YlRvWY4UrfvBQhctRj--XhouWB32IN_GOuU",{"id":798,"title":799,"animated":37,"body":800,"client":34,"cover":34,"css_code":804,"description":31,"extension":35,"html_code":805,"images":806,"is_announcement":7,"is_pinned":7,"is_published":37,"key_points":34,"lang":38,"meta":807,"navigation":37,"order":34,"path":808,"photos":809,"published_at":810,"reading_time":34,"related":34,"role":34,"seo":811,"slug":812,"source_hash":813,"status":34,"stem":814,"summary":815,"tags":816,"tech_stack":34,"translation_of":812,"type":820,"url":34,"video_url":34,"__hash__":821},"threads/threads/cssart/face-mask.en.md","Mask Illustrated Guide",{"type":9,"value":801,"toc":802},[],{"title":31,"searchDepth":32,"depth":32,"links":803},[],".mask-art * {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  text-decoration: none;\n  list-style-type: none;\n  letter-spacing: 4px;\n  font-size: 20px;\n}\n\n.mask-art {\n  background-color: #a98e7c;\n  color: #ddd;\n  padding: 20px 0;\n}\n\n.mask-art .container {\n  margin: 0 auto;\n  width: 700px;\n  max-width: 100%;\n}\n\n.mask-art .prod-wrapper {\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.mask-art .prod-name {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n  padding: 30px 0;\n  margin: 20px 30px;\n  width: 30%;\n}\n\n.mask-art .mask-wrapper {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n  padding: 30px 0;\n  margin: 20px 0;\n  width: 40%;\n}\n\n.mask-art .desc {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: left;\n  margin: 20px 0 20px 70px;\n  width: 30%;\n  font-size: 16px;\n}\n\n/* 醫療口罩 */\n.mask-art .mask {\n  position: relative;\n  width: 200px;\n  height: 90px;\n  background-color: #87f0df;\n  border: 3px dotted #eee;\n  border-top: 4px solid #eee;\n  border-radius: 2px;\n  transition: all 0.7s;\n}\n\n.mask-art .mask:hover {\n  transform: translate(0, -5px);\n  box-shadow: 0px 20px 10px rgba(0, 0, 0, 0.4);\n}\n\n.mask-art .mask .iron-line {\n  margin: 6px auto;\n  width: 190px;\n  border: 2px solid #eee;\n}\n\n.mask-art .mask .line {\n  margin: 20px auto;\n  width: 190px;\n  border: 1px solid #eee;\n}\n\n.mask-art .mask::before {\n  content: \"\";\n  display: block;\n  width: 50px;\n  height: 80px;\n  position: absolute;\n  border: 2px solid #eee;\n  border-right: 2px dotted #eee;\n  left: -50px;\n  border-radius: 40px 0px 0px 40px;\n}\n\n.mask-art .mask::after {\n  content: \"\";\n  display: block;\n  width: 50px;\n  height: 80px;\n  position: absolute;\n  border: 2px solid #eee;\n  border-left: 2px dotted #eee;\n  top: 0;\n  right: -50px;\n  border-radius: 0px 40px 40px 0px;\n}\n\n/* 活性碳口罩 */\n.mask-art .carbon-mask {\n  position: relative;\n  width: 200px;\n  height: 90px;\n  background-image: radial-gradient(#778683 70%, #aab3b2 30%);\n  background-size: 2px 2px;\n  border: 3px dotted #ddd;\n  border-top: 4px solid #ddd;\n  border-radius: 2px;\n  transition: all 0.7s;\n}\n\n.mask-art .carbon-mask:hover {\n  transform: translate(0, -5px);\n  box-shadow: 0px 20px 10px rgba(0, 0, 0, 0.4);\n}\n\n.mask-art .carbon-mask .iron-line {\n  margin: 6px auto;\n  width: 190px;\n  border: 2px solid #ddd;\n}\n\n.mask-art .carbon-mask .line {\n  margin: 20px auto;\n  width: 190px;\n  border: 1px solid #aab3b2;\n}\n\n.mask-art .carbon-mask::before {\n  content: \"\";\n  display: block;\n  width: 50px;\n  height: 80px;\n  position: absolute;\n  border: 2px solid #eee;\n  border-right: 2px dotted #eee;\n  left: -50px;\n  border-radius: 40px 0px 0px 40px;\n}\n\n.mask-art .carbon-mask::after {\n  content: \"\";\n  display: block;\n  width: 50px;\n  height: 80px;\n  position: absolute;\n  border: 2px solid #eee;\n  border-left: 2px dotted #eee;\n  top: 0;\n  right: -50px;\n  border-radius: 0px 40px 40px 0px;\n}\n\n/* N95 口罩 */\n.mask-art .n95-mask {\n  position: relative;\n  width: 150px;\n  height: 150px;\n  background-image: radial-gradient(#eee, rgb(177, 177, 177));\n  background-size: cover;\n  border: 3px solid #ccc;\n  border-radius: 75px 40px 75px 75px;\n  transform: rotate(-45deg);\n  transition: 0.7s;\n}\n\n.mask-art .n95-mask:hover {\n  transform: translate(0, -10px) rotate(-45deg);\n  box-shadow: 0px 20px 10px rgba(0, 0, 0, 0.4);\n}\n\n.mask-art .n95-mask .iron-line-left {\n  position: absolute;\n  top: 8%;\n  left: 22%;\n  margin: 6px auto;\n  width: 90px;\n  border: 2px solid #ddd;\n  transform: rotate(5deg);\n}\n\n.mask-art .n95-mask .iron-line-right {\n  position: absolute;\n  top: 42%;\n  left: 54%;\n  margin: 6px auto;\n  width: 90px;\n  border: 2px solid #ddd;\n  transform: rotate(85deg);\n}\n\n.mask-art .n95-mask .filter {\n  position: absolute;\n  top: 6px;\n  left: 16px;\n  margin: 20px auto;\n  width: 30px;\n  height: 30px;\n  background-image: radial-gradient(#ddd 60%, rgb(177, 177, 177) 40%);\n  background-size: contain;\n  border: 2px dotted #ddd;\n  border-radius: 50%;\n}\n\n.mask-art .n95-mask .mark {\n  position: absolute;\n  top: 88px;\n  left: 2%;\n  width: 90px;\n  height: 20px;\n  background-color: #ddd;\n  border: 1px dotted #aab3b2;\n  transform: rotate(45deg);\n  font-size: 10px;\n  color: #666;\n  letter-spacing: 0;\n  font-weight: 600;\n}\n\n.mask-art .n95-mask::before {\n  content: \"\";\n  display: block;\n  width: 50px;\n  height: 80px;\n  position: absolute;\n  border: 2px solid #eee;\n  border-right: 2px dotted #eee;\n  top: -32px;\n  left: -16px;\n  border-radius: 40px 0px 0px 40px;\n  transform: rotate(45deg);\n}\n\n.mask-art .n95-mask::after {\n  content: \"\";\n  display: block;\n  width: 50px;\n  height: 80px;\n  position: absolute;\n  border: 2px solid #eee;\n  border-left: 2px dotted #eee;\n  top: 87px;\n  right: -17px;\n  border-radius: 0px 40px 40px 0px;\n  transform: rotate(45deg);\n}\n\n/* 國王的口罩（買不到） */\n.mask-art .no-mask {\n  position: relative;\n  width: 200px;\n  height: 90px;\n  background-color: transparent;\n  border: 1px dotted #eee;\n  border-radius: 2px;\n  transition: all 0.7s;\n}\n\n.mask-art .no-mask:hover {\n  transform: translate(0, -5px);\n}\n\n.mask-art .no-mask .line {\n  margin: 30px auto;\n  width: 190px;\n  color: #444;\n  text-decoration: line-through;\n}\n\n.mask-art .no-mask::before {\n  content: \"\";\n  display: block;\n  width: 50px;\n  height: 80px;\n  position: absolute;\n  border: 1px dotted #eee;\n  top: 2px;\n  left: -50px;\n  border-radius: 40px 0px 0px 40px;\n}\n\n.mask-art .no-mask::after {\n  content: \"\";\n  display: block;\n  width: 50px;\n  height: 80px;\n  position: absolute;\n  border: 1px dotted #eee;\n  top: 2px;\n  right: -50px;\n  border-radius: 0px 40px 40px 0px;\n}\n\n@media (max-width: 768px) {\n  .mask-art .container {\n    width: 90%;\n  }\n\n  .mask-art .prod-wrapper {\n    flex-direction: column;\n    margin: 0 auto;\n  }\n\n  .mask-art .prod-name {\n    width: 100%;\n    margin: 20px auto 0;\n    padding: 0;\n  }\n\n  .mask-art .mask-wrapper {\n    width: 100%;\n    margin-bottom: 30px;\n    padding: 0;\n  }\n\n  .mask-art .desc {\n    width: 60%;\n    margin: 0 auto 30px;\n  }\n}\n","\u003Cdiv class=\"mask-art\">\n  \u003Cdiv class=\"container\">\n    \u003Cdiv class=\"prod-wrapper\">\n      \u003Cdiv class=\"prod-name\">醫療口罩\u003C/div>\n      \u003Cdiv class=\"mask-wrapper\">\n        \u003Cdiv class=\"mask\">\n          \u003Cdiv class=\"iron-line\">\u003C/div>\n          \u003Cdiv class=\"line\">\u003C/div>\n          \u003Cdiv class=\"line\">\u003C/div>\n          \u003Cdiv class=\"line\">\u003C/div>\n        \u003C/div>\n      \u003C/div>\n      \u003Cdiv class=\"desc\">可有效阻擋大部分飛沫，適合一般民眾配戴。\u003C/div>\n    \u003C/div>\n    \u003Cdiv class=\"prod-wrapper\">\n      \u003Cdiv class=\"prod-name\">活性碳口罩\u003C/div>\n      \u003Cdiv class=\"mask-wrapper\">\n        \u003Cdiv class=\"carbon-mask\">\n          \u003Cdiv class=\"iron-line\">\u003C/div>\n          \u003Cdiv class=\"line\">\u003C/div>\n          \u003Cdiv class=\"line\">\u003C/div>\n          \u003Cdiv class=\"line\">\u003C/div>\n        \u003C/div>\n      \u003C/div>\n      \u003Cdiv class=\"desc\">可吸附異味，大多數無法隔絕飛沫，沒有防疫效果。\u003C/div>\n    \u003C/div>\n    \u003Cdiv class=\"prod-wrapper\">\n      \u003Cdiv class=\"prod-name\">N95 口罩\u003C/div>\n      \u003Cdiv class=\"mask-wrapper\">\n        \u003Cdiv class=\"n95-mask\">\n          \u003Cdiv class=\"iron-line-left\">\u003C/div>\n          \u003Cdiv class=\"iron-line-right\">\u003C/div>\n          \u003Cdiv class=\"filter\">\u003C/div>\n          \u003Ci class=\"mark\"> Warning 3M\u003C/i>\n        \u003C/div>\n      \u003C/div>\n      \u003Cdiv class=\"desc\">可有效阻絕 95％ 以上的病毒，適合長時間接觸患者的第一線醫療人員配戴。\u003C/div>\n    \u003C/div>\n    \u003Cdiv class=\"prod-wrapper\">\n      \u003Cdiv class=\"prod-name\">國王的口罩\u003C/div>\n      \u003Cdiv class=\"mask-wrapper\">\n        \u003Cdiv class=\"no-mask\">\n          \u003Cdiv class=\"iron-line\">\u003C/div>\n          \u003Cdiv class=\"line\">買不到\u003C/div>\n        \u003C/div>\n      \u003C/div>\n      \u003Cdiv class=\"desc\">身體健康、從事戶外運動，現階段可以不用戴口罩。\u003C/div>\n    \u003C/div>\n  \u003C/div>\n\u003C/div>\n",[],{},"/threads/cssart/face-mask.en",[],"2020-02-06T00:00:00.000Z",{"title":799,"description":31},"face-mask","09fc4b54a8ddfeac422716eab19b996ac4c3f972a5c29d123b7a60692906c85c","threads/cssart/face-mask.en","When Taiwan's mask rationing system launched in 2020, we captured that era of nationwide mask shortages with pure CSS: medical masks, activated carbon masks, N95s, and the elusive 'King Mask' that nobody could buy.",[817,818,819],"CSS Art","Pure CSS","2020","cssart","ndaa9je1Vc9qCN37Ljh5CpfzBJl93dPFZ5iS_IdwZ4c",{"id":823,"title":824,"animated":37,"body":825,"client":34,"cover":34,"css_code":857,"description":829,"extension":35,"html_code":858,"images":859,"is_announcement":7,"is_pinned":7,"is_published":37,"key_points":34,"lang":38,"meta":860,"navigation":37,"order":34,"path":861,"photos":862,"published_at":863,"reading_time":34,"related":34,"role":34,"seo":864,"slug":865,"source_hash":866,"status":34,"stem":867,"summary":868,"tags":869,"tech_stack":34,"translation_of":865,"type":820,"url":34,"video_url":34,"__hash__":872},"threads/threads/cssart/bubble-tea.en.md","Pearl Milk Tea Shaker Cup",{"type":9,"value":826,"toc":855},[827,830,833,844,847,850],[15,828,829],{},"Vue.js cherry blossom pearl milk tea shaker cup — time to mix your perfect boba tea!",[15,831,832],{},"You can:",[281,834,835,838,841],{},[284,836,837],{},"Choose your cup style (thermal mug, shaker cup, coffee cup, mug)",[284,839,840],{},"Adjust the proportions of various ingredients (cream, milk, green tea, black tea)",[284,842,843],{},"Add or remove pearls",[15,845,846],{},"This ordering system offers 4 beverage options and 4 cup styles for customers to freely mix and match.",[15,848,849],{},"We recommend using an eco-friendly cup because",[12,851,852],{},[15,853,854],{},"The Earth is already too crowded—there's no room for even a bit more plastic!",{"title":31,"searchDepth":32,"depth":32,"links":856},[],".bubble-tea-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  min-height: 200px;\n  background-color: #698474;\n  padding: 24px;\n}\n.label { color: #e5e4cc; margin-top: 12px; font-size: 14px; }\n.beverage { position: relative; margin-top: 30px; }\n.cup {\n  width: 60px; height: 100px; margin: 0 auto;\n  border: 4px solid #fff; border-top: none;\n  padding-top: 5px; position: relative;\n}\n.ingradients {\n  width: 100%; position: absolute; bottom: 0;\n  background-color: #9dab86; overflow: hidden; font-size: 0;\n}\n.thermos-height { max-height: 80px; }\n.bubbles {\n  width: 10px; height: 10px; background-color: #fbc1bc;\n  border-radius: 5px; display: inline-block;\n}\n.green-tea { width: 100%; height: 25px; background-color: #9dab86; }\n.milk { width: 100%; height: 25px; background-color: #f7d8bb; }\n.foam { width: 100%; height: 10px; background-color: #eee; }\n.black-tea { width: 100%; height: 0; background-color: #801a08; }\n.box { width: 100%; height: 10px; position: absolute; top: 0; overflow: hidden; z-index: 1; }\n.wave {\n  position: absolute; bottom: 47%; left: -147%;\n  background: #698474; width: 222px; height: 222px;\n  transform-origin: 50% 48%; border-radius: 43%;\n  animation: drift 5000ms infinite linear;\n}\n.wave.-three { animation: drift 7000ms infinite linear; }\n.wave.-two { animation: drift 9000ms infinite linear; opacity: .1; background: #f8b195; }\n@keyframes drift { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }\n.thermos { border-top: 4px solid #fff; border-radius: 2px; }\n.handle.top {\n  border: 4px solid #fff; width: 60px; height: 20px;\n  position: relative; left: 50%; transform: translateX(-50%); border-radius: 2px;\n}\n.handle.top::after {\n  content: \"\"; display: block; width: 10px; height: 20px;\n  border: 2px solid #fff; position: absolute; left: 60%; top: 40%; border-radius: 4px;\n}\n","\u003Cdiv class=\"bubble-tea-container\">\n  \u003Cdiv class=\"beverage\">\n    \u003Cdiv class=\"handle top\">\u003C/div>\n    \u003Cdiv class=\"cup thermos\">\n      \u003Cdiv class=\"ingradients thermos-height\">\n        \u003Cdiv class=\"box\">\n          \u003Cdiv class=\"wave -one\">\u003C/div>\n          \u003Cdiv class=\"wave -two\">\u003C/div>\n          \u003Cdiv class=\"wave -three\">\u003C/div>\n        \u003C/div>\n        \u003Cdiv class=\"foam\" style=\"height: 10px;\">\u003C/div>\n        \u003Cdiv class=\"milk\" style=\"height: 25px;\">\u003C/div>\n        \u003Cdiv class=\"green-tea\" style=\"height: 25px;\">\u003C/div>\n        \u003Cdiv class=\"black-tea\" style=\"height: 0px;\">\u003C/div>\n        \u003Cdiv class=\"bubbles\">\u003C/div>\n        \u003Cdiv class=\"bubbles\">\u003C/div>\n        \u003Cdiv class=\"bubbles\">\u003C/div>\n        \u003Cdiv class=\"bubbles\">\u003C/div>\n        \u003Cdiv class=\"bubbles\">\u003C/div>\n      \u003C/div>\n    \u003C/div>\n  \u003C/div>\n  \u003Cp class=\"label\">四季奶青加珍珠\u003C/p>\n\u003C/div>\n",[],{},"/threads/cssart/bubble-tea.en",[],"2019-12-31T00:00:00.000Z",{"title":824,"description":829},"bubble-tea","2d5c621a0c2d1d771b265fb1d4518ce771918da77871fe559957eb5da270a730","threads/cssart/bubble-tea.en","Vue 3 interactive pearl milk tea simulator — adjust the proportions of cream, milk, green tea, black tea, and pearls, choose your favorite cup style, and craft your perfect cup of boba tea.",[817,870,871],"Vue 3","Interactive","nYCe66F0sns2KjChC26BLMioElE5RWYDPDhWU2uOdpo",{"id":874,"title":875,"animated":7,"body":876,"client":34,"cover":34,"css_code":34,"description":31,"extension":35,"html_code":34,"images":904,"is_announcement":7,"is_pinned":7,"is_published":37,"key_points":34,"lang":38,"meta":905,"navigation":37,"order":34,"path":906,"photos":907,"published_at":908,"reading_time":34,"related":34,"role":34,"seo":909,"slug":910,"source_hash":911,"status":34,"stem":912,"summary":913,"tags":914,"tech_stack":34,"translation_of":910,"type":80,"url":34,"video_url":918,"__hash__":919},"threads/threads/articles/encounter.en.md","Meeting",{"type":9,"value":877,"toc":902},[878,883,886,889,892,894,896,899],[12,879,880],{},[15,881,882],{},"An instrumental piece with no lyrics, yet you can hear everything.",[15,884,885],{},"I hear winter saying goodbye\nI wake up in some year, some month\nI think, I wait, I anticipate\nBut the future won't arrange itself for me",[15,887,888],{},"Grey skies, dusk, outside the car window\nSomeone in the future waits for me\nLeft, right, straight ahead\nHow many turns must love take to arrive?",[15,890,891],{},"Who will I meet? What will we say?\nWhere in the future is the one I'm waiting for?\nI hear the wind from the subway and the crowd\nI'm standing in line, holding love's ticket number",[15,893,888],{},[15,895,891],{},[15,897,898],{},"I fly forward, soaring across a sea of time\nWe've both been hurt in love before\nI look at the road, the entrance to dreams is narrow\nMeeting you is the most beautiful accident",[15,900,901],{},"One day, my mystery will be revealed",{"title":31,"searchDepth":32,"depth":32,"links":903},[],[],{},"/threads/articles/encounter.en",[],"2019-09-17T00:00:00.000Z",{"title":875,"description":31},"encounter","8483664d03ad880c099c4472a0d302f1d724ef857ebd4dcedd3aea55bc98db99","threads/articles/encounter.en","ukulele version",[915,916,917],"ukulele","fingerstyle","cover","https://www.youtube.com/watch?v=U5YBtGQbHu4","XQllw4_99fZj14gLRXbT4Z2RRqnyJFEToJ2dJyK1HOM",[921,937,983,1194,1230,1313],{"id":52,"title":53,"animated":7,"body":922,"client":34,"cover":68,"css_code":34,"description":58,"extension":35,"html_code":34,"images":932,"is_announcement":7,"is_pinned":37,"is_published":37,"key_points":34,"lang":38,"meta":933,"navigation":37,"order":34,"path":71,"photos":934,"published_at":73,"reading_time":34,"related":34,"role":34,"seo":935,"slug":75,"source_hash":76,"status":34,"stem":77,"summary":78,"tags":936,"tech_stack":34,"translation_of":75,"type":80,"url":34,"video_url":34,"__hash__":81},{"type":9,"value":923,"toc":930},[924,926],[15,925,58],{},[15,927,928],{},[62,929],{"alt":64,"src":65},{"title":31,"searchDepth":32,"depth":32,"links":931},[],[],{},[],{"title":53,"description":58},[],{"id":83,"title":84,"animated":7,"body":938,"client":34,"cover":34,"css_code":34,"description":89,"extension":35,"html_code":34,"images":978,"is_announcement":7,"is_pinned":7,"is_published":37,"key_points":34,"lang":38,"meta":979,"navigation":37,"order":34,"path":143,"photos":980,"published_at":145,"reading_time":34,"related":34,"role":34,"seo":981,"slug":147,"source_hash":148,"status":34,"stem":149,"summary":150,"tags":982,"tech_stack":34,"translation_of":147,"type":80,"url":34,"video_url":34,"__hash__":154},{"type":9,"value":939,"toc":976},[940,942,944,946,948,950,952,954,956,958,960,962,964,966,968,970,972,974],[15,941,89],{},[15,943,92],{},[15,945,95],{},[15,947,98],{},[15,949,101],{},[15,951,104],{},[15,953,107],{},[15,955,110],{},[15,957,113],{},[15,959,116],{},[15,961,119],{},[15,963,104],{},[15,965,124],{},[15,967,127],{},[15,969,130],{},[15,971,104],{},[15,973,135],{},[15,975,138],{},{"title":31,"searchDepth":32,"depth":32,"links":977},[],[],{},[],{"title":84,"description":89},[152,153],{"id":225,"title":226,"animated":7,"body":984,"client":34,"cover":556,"css_code":34,"description":31,"extension":35,"html_code":34,"images":1189,"is_announcement":7,"is_pinned":7,"is_published":37,"key_points":34,"lang":38,"meta":1190,"navigation":37,"order":34,"path":560,"photos":1191,"published_at":562,"reading_time":34,"related":34,"role":34,"seo":1192,"slug":564,"source_hash":565,"status":34,"stem":566,"summary":567,"tags":1193,"tech_stack":34,"translation_of":564,"type":80,"url":34,"video_url":34,"__hash__":571},{"type":9,"value":985,"toc":1175},[986,988,992,994,1001,1006,1008,1013,1015,1023,1025,1027,1031,1033,1041,1045,1047,1053,1061,1063,1067,1069,1071,1075,1077,1079,1081,1083,1087,1091,1093,1097,1099,1101,1103,1107,1109,1111,1113,1119,1123,1125,1129,1131,1135,1137,1141,1143,1145,1149,1151,1155,1157,1159,1163,1165,1167,1169,1173],[230,987,233],{"id":232},[15,989,236,990],{},[238,991,240],{},[15,993,243],{},[15,995,246,996,255],{},[193,997,999],{"href":249,"rel":998},[197],[252,1000,254],{},[15,1002,258,1003,264],{},[193,1004,263],{"href":261,"rel":1005},[197],[230,1007,268],{"id":267},[15,1009,1010,276],{},[193,1011,275],{"href":273,"rel":1012},[197],[15,1014,279],{},[281,1016,1017,1019,1021],{},[284,1018,286],{},[284,1020,289],{},[284,1022,292],{},[15,1024,295],{},[230,1026,299],{"id":298},[15,1028,302,1029,306],{},[238,1030,305],{},[15,1032,309],{},[311,1034,1035],{"className":313,"code":314,"language":315,"meta":31,"style":31},[317,1036,1037],{"__ignoreMap":31},[320,1038,1039],{"class":322,"line":323},[320,1040,314],{},[12,1042,1043],{},[15,1044,330],{},[15,1046,333],{},[15,1048,336,1049,340,1051,344],{},[238,1050,339],{},[238,1052,343],{},[311,1054,1055],{"className":313,"code":347,"language":315,"meta":31,"style":31},[317,1056,1057],{"__ignoreMap":31},[320,1058,1059],{"class":322,"line":323},[320,1060,347],{},[15,1062,356],{},[15,1064,359,1065,363],{},[238,1066,362],{},[15,1068,366],{},[230,1070,370],{"id":369},[15,1072,373,1073],{},[238,1074,376],{},[15,1076,379],{},[15,1078,382],{},[15,1080,385],{},[15,1082,388],{},[15,1084,391,1085],{},[238,1086,394],{},[15,1088,397,1089],{},[238,1090,400],{},[230,1092,404],{"id":403},[15,1094,407,1095],{},[238,1096,410],{},[15,1098,413],{},[15,1100,416],{},[15,1102,419],{},[15,1104,422,1105],{},[238,1106,425],{},[230,1108,429],{"id":428},[15,1110,432],{},[15,1112,435],{},[15,1114,438,1115,442,1117,446],{},[238,1116,441],{},[238,1118,445],{},[15,1120,449,1121],{},[238,1122,452],{},[230,1124,456],{"id":455},[15,1126,459,1127,363],{},[238,1128,462],{},[15,1130,465],{},[15,1132,468,1133],{},[238,1134,471],{},[15,1136,474],{},[12,1138,1139],{},[15,1140,479],{},[15,1142,482],{},[15,1144,485],{},[15,1146,488,1147,492],{},[238,1148,491],{},[230,1150,496],{"id":495},[15,1152,499,1153,503],{},[238,1154,502],{},[230,1156,507],{"id":506},[509,1158,512],{"id":511},[15,1160,515,1161,519],{},[238,1162,518],{},[15,1164,522],{},[509,1166,526],{"id":525},[15,1168,529],{},[15,1170,532,1171,536],{},[238,1172,535],{},[538,1174,540],{},{"title":31,"searchDepth":32,"depth":32,"links":1176},[1177,1178,1179,1180,1181,1182,1183,1184,1185],{"id":232,"depth":32,"text":233},{"id":267,"depth":32,"text":268},{"id":298,"depth":32,"text":299},{"id":369,"depth":32,"text":370},{"id":403,"depth":32,"text":404},{"id":428,"depth":32,"text":429},{"id":455,"depth":32,"text":456},{"id":495,"depth":32,"text":496},{"id":506,"depth":32,"text":507,"children":1186},[1187,1188],{"id":511,"depth":554,"text":512},{"id":525,"depth":554,"text":526},[],{"readingTime":559},[],{"title":226,"description":31},[569,570],{"id":604,"title":605,"animated":7,"body":1195,"client":34,"cover":649,"css_code":34,"description":650,"extension":35,"html_code":34,"images":1225,"is_announcement":7,"is_pinned":7,"is_published":37,"key_points":34,"lang":38,"meta":1226,"navigation":37,"order":34,"path":653,"photos":1227,"published_at":655,"reading_time":34,"related":34,"role":34,"seo":1228,"slug":657,"source_hash":658,"status":34,"stem":659,"summary":660,"tags":1229,"tech_stack":34,"translation_of":657,"type":80,"url":34,"video_url":34,"__hash__":664},{"type":9,"value":1196,"toc":1223},[1197,1201,1203,1205,1211,1215,1217,1219],[15,1198,610,1199,363],{},[252,1200,613],{},[15,1202,616],{},[15,1204,619],{},[15,1206,622,1207,626,1209,363],{},[252,1208,625],{},[238,1210,629],{},[15,1212,632,1213,635],{},[252,1214,625],{},[15,1216,638],{},[15,1218,641],{},[12,1220,1221],{},[15,1222,646],{},{"title":31,"searchDepth":32,"depth":32,"links":1224},[],[],{"readingTime":559},[],{"title":605,"description":650},[662,663],{"id":666,"title":667,"animated":7,"body":1231,"client":34,"cover":784,"css_code":34,"description":31,"extension":35,"html_code":34,"images":1308,"is_announcement":7,"is_pinned":7,"is_published":37,"key_points":34,"lang":38,"meta":1309,"navigation":37,"order":34,"path":787,"photos":1310,"published_at":789,"reading_time":34,"related":34,"role":34,"seo":1311,"slug":791,"source_hash":792,"status":34,"stem":793,"summary":794,"tags":1312,"tech_stack":34,"translation_of":791,"type":80,"url":34,"video_url":34,"__hash__":796},{"type":9,"value":1232,"toc":1306},[1233,1237,1239,1241,1245,1247,1249,1263,1265,1267,1269,1271,1273,1277,1281,1283,1291,1296],[12,1234,1235],{},[15,1236,674],{},[15,1238,677],{},[15,1240,680],{},[15,1242,1243,686],{},[252,1244,685],{},[15,1246,689],{},[15,1248,692],{},[15,1250,695,1251,699,1253,703,1255,703,1257,703,1259,713,1261,363],{},[317,1252,698],{},[252,1254,702],{},[252,1256,706],{},[252,1258,709],{},[252,1260,712],{},[252,1262,716],{},[15,1264,719],{},[15,1266,722],{},[15,1268,725],{},[15,1270,728],{},[15,1272,731],{},[15,1274,734,1275,737],{},[252,1276,685],{},[12,1278,1279],{},[15,1280,742],{},[15,1282,745],{},[15,1284,748,1285,752,1287,756,1289,760],{},[238,1286,751],{},[238,1288,755],{},[238,1290,759],{},[15,1292,763,1293],{},[193,1294,766],{"href":766,"rel":1295},[197],[15,1297,770,1298,777,1303],{},[193,1299,1301],{"href":773,"rel":1300},[197],[252,1302,685],{},[193,1304,780],{"href":780,"rel":1305},[197],{"title":31,"searchDepth":32,"depth":32,"links":1307},[],[],{"readingTime":559},[],{"title":667,"description":31},[],{"id":874,"title":875,"animated":7,"body":1314,"client":34,"cover":34,"css_code":34,"description":31,"extension":35,"html_code":34,"images":1336,"is_announcement":7,"is_pinned":7,"is_published":37,"key_points":34,"lang":38,"meta":1337,"navigation":37,"order":34,"path":906,"photos":1338,"published_at":908,"reading_time":34,"related":34,"role":34,"seo":1339,"slug":910,"source_hash":911,"status":34,"stem":912,"summary":913,"tags":1340,"tech_stack":34,"translation_of":910,"type":80,"url":34,"video_url":918,"__hash__":919},{"type":9,"value":1315,"toc":1334},[1316,1320,1322,1324,1326,1328,1330,1332],[12,1317,1318],{},[15,1319,882],{},[15,1321,885],{},[15,1323,888],{},[15,1325,891],{},[15,1327,888],{},[15,1329,891],{},[15,1331,898],{},[15,1333,901],{},{"title":31,"searchDepth":32,"depth":32,"links":1335},[],[],{},[],{"title":875,"description":31},[915,916,917],{"generatedAt":1342,"author":1343,"articles":1372,"products":1402,"projects":1406,"pages":1407,"cssarts":1411},"2026-07-01T17:21:19.511Z",{"name":1344,"handle":1345,"location":1346,"status":216,"statusText":1347,"quote":1348,"bio":1349,"featuredLink":1353,"links":1354,"site":1369},"徐可可","ivanhsu","Taipei, Taiwan","踊る暇があったら発明して","寫 Code 算是文字工作者嗎？🤔",[1350,1351,1352],"用剛剛好的 Tech Stack 開發實用的生活小物 SaaS。👨🏻‍💻","```npm i inspiration && npm run dev```","看到好吃的 Reels？分享給我，幫你摘要店家清單 👇🏻","https://reelly.life/u/ivanhsu.co/tenjin-shinya-shokudou",[1355,1358,1360,1363,1366],{"type":1356,"url":1357},"email","ivanhsu.ship@gmail.com",{"type":1359,"url":195},"website",{"type":1361,"url":1362},"github","https://github.com/ivan19940106",{"type":1364,"url":1365},"twitter","https://twitter.com/ivanhsuu",{"type":1367,"url":1368},"instagram","https://www.instagram.com/ivanhsu.co",{"name":1344,"url":1370,"description":1371},"https://ivanhsu.co","千里の道も一歩から。",[1373,1378,1383,1388,1392,1397],{"title":1374,"slug":657,"publishedAt":655,"tags":1375,"excerpt":1376,"keyPoints":1377,"cover":649},"東京散步 ｜ 両国篇",[662,663],"我彷彿看見，北齋畫了一輩子，終於在年老時遇見了普魯士藍，得以在畫布上自由揮灑江戶的海與天空的狂喜。",[],{"title":1379,"slug":147,"publishedAt":145,"tags":1380,"excerpt":1381,"keyPoints":1382},"2025 年的碎片",[152,153],"時間有美化回憶的能力，時間為苦澀的回憶加上濾鏡，為開心的回憶按下快門。",[],{"title":1384,"slug":791,"publishedAt":789,"tags":1385,"excerpt":1386,"keyPoints":1387,"cover":784},"孩子們的南陽街與大人們的補習班",[],"升上大學以後，就是個大人了。自由彷彿唾手可得，那會是什麼樣的感覺呢?",[],{"title":1389,"slug":910,"publishedAt":908,"tags":1390,"excerpt":913,"keyPoints":1391,"videoUrl":918},"遇見",[915,916,917],[],{"title":1393,"slug":564,"publishedAt":562,"tags":1394,"excerpt":1395,"keyPoints":1396,"cover":556},"《 The Effective Engineer》作者 Edmond Lau 導讀，增加 impact！！ 矽谷工程師都在做的事。",[569,570],"每天預留 1 小時的工時，來實行自己的 20% Time。",[],{"title":1398,"slug":75,"publishedAt":73,"tags":1399,"excerpt":1400,"keyPoints":1401,"cover":68},"咖啡所在",[],"今天是禮拜六，很幸運沒下雨。⛅︎",[],[1403],{"title":157,"slug":214,"excerpt":1404,"tags":1405,"url":195,"status":216},"🍜 看到好吃的 Reels？分享給我，幫你摘要店家清單🧾",[220,221,207],[],[1408],{"title":1409,"slug":44,"excerpt":1410},"關於我","用剛剛好的 Tech Stack 開發實用的生活小物 SaaS。",[1412,1414],{"title":1413,"slug":865},"珍珠奶茶手搖杯",{"title":1415,"slug":812},"口罩圖鑑",1782926509301]